/***********************/
/*Conteneurs principals*/
/***********************/
body{
	width:100%;
	background:url(../images/body-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-size: 100%;
	font-family:Trebuchet MS, Verdana, sans-serif;
}
.container{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	max-width: 1000px;
	min-width: 750px;
	overflow:auto
}
#entete{
	width :100%;
	height : auto;
	padding : auto;
	border : 0;
	margin:auto
}
#entete #titre{
	width :100%;
	height : auto;
	padding : 0;
	border : 0;
	margin:0
}
#entete #banner {
	width:100%;
	height : 10px;
	/* background: url(../images/sep_RW.png) repeat-x; */
	padding : 0;
	border : 0;
	margin:-4.5px 0px 0px 0px
}

#content_connect{
	width :100%;
	height : 800px;
	padding : 0;
	border : 0;
	background-image:url(../images/fond_acceuil.png);
	background-size: cover;
	background-repeat: no-repeat;
	margin:0;
}

#content{
	width :100%;	
	border : 0;
	
	/* Removed in v2.0.0
	height : 1300px;
	background-size: 1700px 1540px;
	background-repeat: no-repeat;
	background-image:url(../images/fond_acceuil.png);
	
	background-position-y: 30%;
	*/
	/* padding : 200; */
	
	padding : 0;
	margin:0;
	
}

/* Added in v2.0.0 */
#background
{
	background: linear-gradient(#0cc1fe, #0faade);
	border-radius: 20px;
	padding: 5px 0 70px 0;
    margin: 10px 0 0 0;
	min-height : 1300px;
}
	
/* /Added in v2.0.0 */

#wait{
	position: absolute;
    width: 200px;
	height:45px;
    padding: 0;
	left:50%;
	margin-left: -100px;
	margin-top:10px;
	background-image:url(../images/fond_semi_trans.png);
	text-align:center;
}

#wait #txt_wait{
		color: #FEFEFE;
	text-shadow: 0.5px 0.5px white, -1px -1px #444
}

.ui-tooltip-content, .ui-tooltip
{
    background-color: black;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #AAAAAA;
    color: white;
    font-size: 0.84em;
    max-width: 600px;
    padding: 0;
    text-align: center;
    opacity: 0.8;
}

.ui-tooltip-content
{
    padding: 5px;
}

/* Added in v2.0.0 */
.underlined
{
	text-decoration: underline;
}

.text_align_center
{
	text-align: center;
}

.background-white
{
	background: white;
}
/* /Added in v2.0.0 */

/*******************************/
/*  FORMULAIRE LOGIN/PASSWORD  */
/*******************************/

#mdp_restore,
#login{
    position: absolute;
    width: 600px;
    padding: 0;
	left:50%;
  margin-top: 220px;
	margin-left: -259px;
	  /* background-size: cover;
    background-image: url(../images/fond_login.png);
    border: 6px solid gray;
    box-shadow:  8px 5px 20px black inset;
    border-radius: 45px; */
}

#wrapper_connect a{
	color: #ffffff;
	/* text-decoration: underline; */
}
#wrapper_connect h1{
	font-size: 30px;
	color: #ffffff;
	padding: 10px 0 10px 0;
	font-family: 'FranchiseRegular','Arial Narrow',Arial,sans-serif;
	/* text-shadow: -1px -1px white, 1px 1px #333; */
	font-weight: bold;
	text-align: center;
	/* padding-bottom: 30px; */
}

#wrapper_connect h1:after,#titre_conf_2:before,#titre_conf_3:before{
	content: ' ';
	display: block;
	width: 100%;
	height: 0px;
	margin-top: 15px;
	background: -moz-linear-gradient(left, rgba(153,152,152,0) 0%, rgba(153,152,152,0.8) 20%, rgba(153,152,152,1) 53%, rgba(153,152,152,0.8) 79%, rgba(153,152,152,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,152,152,0)), color-stop(20%,rgba(153,152,152,0.8)), color-stop(53%,rgba(153,152,152,1)), color-stop(79%,rgba(153,152,152,0.8)), color-stop(100%,rgba(153,152,152,0)));
	background: -webkit-linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%);
	background: -o-linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%);
	background: -ms-linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%);
	background: linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%);
}

#wrapper_connect .img_conn{
	position:left;
	margin-left:30px;
	margin-top:0px
}

#wrapper_connect .form_conn{
	float:right;
	margin-right:80px;
	margin-top:-10px;
	margin-bottom:20px
}

#wrapper_connect p,#compte_content p,#form_modif_cpt p,#form_modif_mail p,#form_modif_tel p,#contact_mail_content p{
	width:380px;
	margin-bottom:10px;
	margin-right:auto;
	margin-left:auto;
}

#compte_content p{
	margin-bottom:0px;
}

#wrapper_connect p:first-child,#compte_content p:first-child,#form_modif_cpt p:first-child,#form_modif_mail p:first-child,#form_modif_tel p:first-child,#contact_mail_content p:first-child{
	width:380px;
	margin: 0px;
}

#form_modif_cpt,#form_modif_mail,#form_modif_tel{
	background-size: cover;
    background-image: url(../images/fond_semi_trans_bleu3.png);
}

#wrapper_connect label, #compte_content label,#form_modif_cpt label,#form_modif_mail label,#form_modif_tel label,#contact_mail_content label{
	color: #FFFFFF;
	display: block;
	position: relative;
	/* text-shadow: 1px 1px white, -1px -1px #444; */
	text-align:left;
	font-size:16px;
}

#compte_content label,#contact_mail_content label{
	margin-left:65px;
}

#wrapper_connect .reponse{
	position: relative;
	text-shadow: 1px 1px white;
	background-image:url(../images/fond_semi_trans.png);
	margin-top:20px;
	color: #FE0101;
	text-align : center;
	font-size:19px;
	display: block;
}

/* all the input except submit and checkbox */
#wrapper_connect #nom_util{
	background-image:url(../images/utilisateur.png);background-position:left;background-repeat:no-repeat;
}
#wrapper_connect #mdp{
	background-image:url(../images/cles.png);background-position:left;background-repeat:no-repeat;
}
#wrapper_connect #email{
	background-image:url(../images/adresse.png);background-position:left;background-repeat:no-repeat;
}
#wrapper_connect input:not([type="checkbox"]),#compte_content input:not([type="checkbox"]),#form_modif_cpt input:not([type="checkbox"]),#form_modif_mail input:not([type="checkbox"]),#form_modif_tel input:not([type="checkbox"]),#contact_mail_content input:not([type="checkbox"]),#contact_mail_content textarea{
	width: 300px;
	margin-top: 4px;

	padding: 10px 5px 10px 45px;
	border: 1px solid rgb(178, 178, 178);
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	  -moz-box-sizing : content-box;
	       box-sizing : content-box;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	   -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	        box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}

#compte_content input:not([type="checkbox"]){
	width: 250px;
	text-align:center;
}

#form_modif_cpt input:not([type="checkbox"]),#form_modif_mail input:not([type="checkbox"]),#form_modif_tel input:not([type="checkbox"]),#contact_mail_content input:not([type="checkbox"]),#contact_mail_content textarea{
	width: 250px;
}

#compte_content input[type="text"][disabled],#compte_content input[type="password"][disabled] {
   color: black;
   background:#DFDFDF;
}

#wrapper_connect input:not([type="checkbox"]):active,
#wrapper_connect input:not([type="checkbox"]):focus,
#compte_content input:not([type="checkbox"]):active,
#compte_content input:not([type="checkbox"]):focus,
#form_modif_cpt input:not([type="checkbox"]):active,
#form_modif_cpt input:not([type="checkbox"]):focus,
#form_modif_mail input:not([type="checkbox"]):active,
#form_modif_mail input:not([type="checkbox"]):focus,
#form_modif_tel input:not([type="checkbox"]):active,
#form_modif_tel input:not([type="checkbox"]):focus,
#contact_mail_content input:not([type="checkbox"]):active,
#contact_mail_content input:not([type="checkbox"]):focus,
#contact_mail_content textarea:active,
#contact_mail_content textarea:focus{
	border: 1px solid rgba(91, 90, 90, 0.7);
	background: rgb(255, 255, 227);
	-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
	   -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
	        box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
}

/*styling both submit buttons */
#wrapper_connect p.button input{
	width: 210px;
	cursor: pointer;
	background: #FFFFFF;
	padding: 8px 5px;
	font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
	color: #797c7c;
	font-size: 23px;
	/* border: 1px solid rgb(28, 108, 122); */
	margin-bottom: 10px;
	/* text-shadow: 1px 1px white, -1px -1px #444; */
	 -webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	/* -webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	   -moz-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	        box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210); */
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}
#wrapper_connect p.button input:hover{
	background: #49A4EB;
}
#wrapper_connect p.button input:active,
#wrapper_connect p.button input:focus{
	background: #2b71a8;
	position: relative;
	top: 1px;
	border: 1px solid rgb(12, 76, 87);
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
}
p.login.button,
p.signin.button{
	text-align: center;
	padding-top: 15px;
}

/**********************/
/*   Page principale   */
/**********************/
#contact_panel,
#biblio_panel,
#conf_pann,
#envoi_mult_pann,#creat_nouv_bib,#compte_panel{
	
	position: relative; /* Updated in 2.0.0 from absolute to relative. */
	/* Removed in v2.0.0 float:right; */
	
    width: 600px;
	height:500px;
    padding: 0;
	
	/* Removed in v2.0.0
	left:50%;
	left:50%;
    margin-top: 170px;
	margin-left: -300px;
	background-size: cover;
	*/
    /* background-image: url(../images/fond_login.png); */
    /* border: 6px solid gray; */
    box-shadow: 2px 1px 5px white inset;
    border-radius: 45px;
	 margin: 100px auto 0 auto;
}

#envoi_mult_pann,#creat_nouv_bib{
	height:570px;
}

#conf_pann{
	height:920px;
}

#compte_panel,#contact_panel{
	margin-top: 100px;
	height:1100px;
}

#contact_panel{
	height:1100px;
}

#histo_panel,#list_mess,#menu_panneau,#param_mess,#conf_radar, #menu_valid_sms, #menu_princ, #details_mess,
#conso_pann,#biblio_panel,#details_mess_bib,#alerte_panel,#param_hor_mess_cont,#param_hor_rad_cont{
	
	position: relative; /* Updated in 2.0.0 from absolute to relative. */
	/* Removed in v2.0.0 float:right; */
	
    width: 650px;
  	height:550px;
    padding: 0;
  	/* Removed in v2.0.0 left:50%;
    margin-top: 100px;
  	margin-left: -325px;
	 */
	 margin: 100px auto 0 auto;
	  /* background-size: cover; */
    /* background-image: url(../images/fond_login.png); */
    /* border: 6px solid gray; */
    box-shadow: 2px 1px 5px #ffffff26 inset;
     border-radius: 45px;
}

/* Added in v2.0.0 */
#user_parameters
{	
	position: relative;
	
    width: 650px;
    padding: 0 0 90px 0;

	margin: 100px auto 100px auto;
    box-shadow: 2px 1px 5px #ffffff26 inset;
    border-radius: 45px;
}

#user_parameters table
{			
	overflow-wrap: anywhere;
}

#user_parameters th
{
	border-left: 1px solid #C7C7C6;
}
#user_parameters button
{	
	width: 100px;
	height: 30px;
	font-size: 0.95rem;
}

#user_parameters_details
{
	width: 550px;
	min-height: 100px;
	margin: 40px auto 0px auto;
	padding: 10px 10px 10px 10px;
	background-color: #67c1f1;
	border-radius: 20px;
}	

#user_parameters_details h2
{
	text-align: center;
	margin-bottom: 30px;
}

#user_parameters_details li
{
	margin-top: 20px;
}

#user_parameters_details strong
{
	font-weight: bold;
}

#updated_success_dialog_last_name,
#updated_success_dialog_first_name,
#updated_error_dialog_last_name,
#updated_error_dialog_first_name
{
	font-weight: bold;
}

#param_mess_upgraded
{
	position: relative;
	width: 650px;

	margin: 70px auto 15px auto;
	padding: 20px;
	
	box-shadow: 2px 1px 5px #ffffff26 inset;
	border-radius: 45px;
}
/* /Added in v2.0.0 */

#menu_valid_sms {
	height:920px;
}

#menu_princ {
	height:950px;
}

#histo_panel{
	height:810px;
}

#biblio_panel{
	height:550px;
}


#menu_panneau{
	height:725px;
}

#conso_pann,#details_mess_bib{
	height:690px;
}

#param_mess,#conf_radar, #details_mess,#alerte_panel{
	height:1090px;
}

#param_hor_mess_cont,#param_hor_rad_cont{
	height:1000px;
}

#tab_bttn{
	background-image:url(../images/fond_semi_trans.png);
	margin-left:50px;
	margin-right:50px;
	margin-top:50px;
	border:1px solid gray;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}

#tab_bttn table{
	margin:auto;
	width:500px;
	height:300px;
}

#menu_pann_men, #valid_sms {
	background-image:url(../images/fond_semi_trans.png);
	margin-left:50px;
	margin-right:50px;
	margin-top:25px;
	border:1px solid gray;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}

#menu_pann_men{
	margin-left:5px;
	margin-right:5px;
}

#recap_mess{
	background-image:url(../images/fond_semi_trans.png);
	width:600px;
	margin-right:auto;
	margin-left:auto;
	margin-top:-20px;
	border:1px solid gray;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}

#menu_pann_men table{
	margin-left:auto;
	margin-right:auto;

	width:620px;
	height:120px;

}

#menu_pann_men #pt_table{
 width:330px;
}


#tab_bttn td{
	padding-bottom:10px;
	padding-top:10px;
}

#menu_pann_men td{
	padding-bottom:5px;
	padding-top:10px;
}

.bttn_menu{
	height:175px;
	width:125px;
	margin: auto;

	cursor: pointer;
	background: #049bff;
	font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
	color: #FFF;
	font-size: 22px;
	/* border: 1px solid rgb(28, 108, 122); */
	margin-bottom: 10px;
	/* text-shadow: 1px 1px white, -2px -1px #444; */
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	   -moz-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	        box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	-webkit-transition: all 0.1s linear;
	   -moz-transition: all 0.1s linear;
	     -o-transition: all 0.1s linear;
	        transition: all 0.1s linear;
}

.bttn_menu_desact{
	height:175px;
	width:125px;
	margin: auto;

	background: rgb(102, 102, 102);
	font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
	color: #8A8A8A;
	font-size: 22px;
	border: 1px solid rgb(28, 108, 122);
	margin-bottom: 10px;
	text-shadow: 1px 1px white, -2px -1px #444;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	   -moz-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	        box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	-webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
	     -o-transition: all 0.5s linear;
	        transition: all 0.5s linear;
}



.bttn_menu:hover{
	background: rgb(74, 179, 198);
}
.bttn_menu:active,
.bttn_menu:focus{
	background: rgb(40, 137, 154);
	position: relative;
	top: 1px;
	border: 1px solid rgb(12, 76, 87);
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
}

.img_bttn{
	margin-top:4px;
	height:60%;
	width:100%;
	background-position:center center;

	background-repeat:no-repeat;
	background-size: contain;
}

.txt_bttn{
	margin-top:4px;
	text-align:center;
}

/*******************************/
/*  TABLEAUX GESTION           */
/*******************************/

.sec_panel h1{
	font-size: 30px;
	color: #FFF;
	padding: 10px 0 10px 0;
	font-family: 'FranchiseRegular','Arial Narrow',Arial,sans-serif;
	/* text-shadow: -1px -1px white, 1px 1px #333; */
	font-weight: bold;
	text-align: center;
	padding-bottom: 0px;
}


.sec_panel h1:after{
	content: ' ';
	display: block;
	width: 100%;
	height: 2px;
	margin-top: 0px;
	background: -moz-linear-gradient(left, rgba(153,152,152,0) 0%, rgb(81, 196, 239) 20%, rgb(164, 229, 255) 53%, rgb(77, 210, 255) 79%, rgba(153,152,152,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,152,152,0)), color-stop(20%,rgb(81, 196, 239)), color-stop(53%,rgb(164, 229, 255)), color-stop(79%,rgb(77, 210, 255)), color-stop(100%,rgba(153,152,152,0)));
	background: -webkit-linear-gradient(left, rgba(153,152,152,0) 0%,rgb(81, 196, 239) 20%,rgb(164, 229, 255) 53%,rgb(77, 210, 255) 79%,rgba(153,152,152,0) 100%);
	background: -o-linear-gradient(left, rgba(153,152,152,0) 0%,rgb(81, 196, 239) 20%,rgb(164, 229, 255) 53%,rgb(77, 210, 255) 79%,rgba(153,152,152,0) 100%);
	background: -ms-linear-gradient(left, rgba(153,152,152,0) 0%,rgb(81, 196, 239) 20%,rgb(164, 229, 255) 53%,rgb(77, 210, 255) 79%,rgba(153,152,152,0) 100%);
	background: linear-gradient(left, rgba(153,152,152,0) 0%,rgb(81, 196, 239) 20%,rgb(164, 229, 255) 53%,rgb(77, 210, 255) 79%,rgba(153,152,152,0) 100%);
}

#tps_aff:after,#disp_mess:after,#tab_imgs:after,#descr_mess:before{
	content: ' ';
	display: block;
	width: 100%;
	height: 2px;
	margin-top: 20px;
	margin-bottom: 20px;
	background: -moz-linear-gradient(left, rgba(153,152,152,0) 0%, rgba(153,152,152,0.8) 20%, rgba(153,152,152,1) 53%, rgba(153,152,152,0.8) 79%, rgba(153,152,152,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,152,152,0)), color-stop(20%,rgba(153,152,152,0.8)), color-stop(53%,rgba(153,152,152,1)), color-stop(79%,rgba(153,152,152,0.8)), color-stop(100%,rgba(153,152,152,0)));
	background: -webkit-linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%);
	background: -o-linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%);
	background: -ms-linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%);
	background: linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%);
}

#descr_mess:before{
	margin-top: 60px;
}




#pann_tab{
	width:600px;
	height:370px;
}

#list_mess_content,#list_sms_content{
	width:650px;
	height:365px;
}

#pann_tab table{

	position : absolute;
	text-align: center;
	top:110px;
	
	
	right:45px;
	width:560px;

	border-spacing: 0;
	overflow: hidden;	

}

/* Added in v2.0.0. */
#user_parameters table {
	
	right:45px;
	width:560px;

	border-spacing: 0;
	overflow: hidden;
	
	margin: 50px auto 0 auto; 
}


#list_mess_content table{
	position : absolute;
	text-align: center;
	right:20px;
	width:600px;

	border-spacing: 0;
	overflow: hidden;

}

#tabs table{
	position : absolute;
	text-align: center;
	top:170px;
	right:3px;
	width:600px;

	border-spacing: 0;

	overflow: hidden;

}

#list_sms_content table{
	text-align: center;
	width:600px;
	margin-right:auto;
	margin-left:auto;
	overflow-y:auto
}

#histo_mess_global table{
	position : absolute;
	text-align: center;
	top:770px;
	right:25px;
	width:600px;

	border-spacing: 0;
	overflow: hidden;
}

#meteo_histo_content table,#hist_conso_content table{
	position : relative;
	text-align: center;
	width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;

	border-spacing: 0;
	overflow: hidden;
}

.entete_foot_img table{
	position : relative;
	text-align: center;

	border-spacing: 0;

	margin-right:auto;
	margin-left:auto;

	width:560px;
}

.vignettes_img{
	width:560px;
	margin-right:auto;
	margin-left:auto;
	overflow-x:scroll;
	overflow-y:hidden;
}

.vignettes_img table{
	width:560px;
	table-layout: fixed;
	text-align: center;
	background:white;
}


#menu_list_det table, #menu_pann_det table, #menu_list_param table, #menu_meteo_det table, #param_hor_mess_global table, #param_hor_rad_global table{
	position : relative;
	text-align: center;

	border-spacing: 0;
	overflow: hidden;
	width:550px;
	margin-right:auto;
	margin-left:auto;
}

#menu_list_param table{
	width:500px;
}

#menu_pann_det:after{
	content: ' ';
	display: block;
	width: 100%;
	height: 2px;
	margin-top: 20px;
	background: -moz-linear-gradient(left, rgba(153,152,152,0) 0%, rgba(153,152,152,0.8) 20%, rgba(153,152,152,1) 53%, rgba(153,152,152,0.8) 79%, rgba(153,152,152,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,152,152,0)), color-stop(20%,rgba(153,152,152,0.8)), color-stop(53%,rgba(153,152,152,1)), color-stop(79%,rgba(153,152,152,0.8)), color-stop(100%,rgba(153,152,152,0)));
	background: -webkit-linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%);
	background: -o-linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%);
	background: -ms-linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%);
	background: linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%);
}





#menu_pann_det table, #menu_meteo_det table{
	margin-top:20px;
}

#coin_haut_gauche, #coin_HG_menu_list_det, #coin_HG_menu_pann_det,#coin_HG_hor_mess{
	-webkit-border-radius: 10px 0px 0px 0px;
	-moz-border-radius: 10px 0px 0px 0px;
	border-radius: 10px 0px 0px 0px;
}

#coin_haut_gauche_droite{
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}

#coin_bas_gauche_droite{
	-webkit-border-radius: 0px 0px 10px 10px ;
	-moz-border-radius: 0px 0px 10px 10px ;
	border-radius: 0px 0px 10px 10px ;
}

#coin_haut_droit, #coin_HD_menu_list_det, #coin_HD_menu_pann_det,#coin_HD_hor_mess{
	-webkit-border-radius: 0px 10px 0px 0px;
	-moz-border-radius: 0px 10px 0px 0px;
	border-radius: 0px 10px 0px 0px;
}

#coin_G_hor_mess,#coin_GHB_hor_rad{
	-webkit-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}

#coin_D_hor_mess,#coin_DHB_hor_rad{
	-webkit-border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}


#coin_bas_gauche, .coin_bas_gauche, #coin_BG_menu_list_det, #coin_BG_menu_pann_det,#coin_BG_hor_mess{
	-webkit-border-radius: 0px 0px 0px 10px;
	-moz-border-radius: 0px 0px 0px 20px;
	border-radius: 0px 0px 0px 10px;
}

#coin_bas_droit, .coin_bas_droit, #coin_BD_menu_list_det, #coin_BD_menu_pann_det,#coin_BD_hor_mess{
	-webkit-border-radius: 0px 0px 10px 0px;
	-moz-border-radius: 0px 0px 10px 0px;
	border-radius: 0px 0px 10px 0px;
}

/* Added in v2.0.0. */
#user_parameters tr,
#pann_tab tr, #menu_list_det tr, #menu_pann_det tr, #list_mess_content tr, #histo_mess_global tr, #menu_list_param tr, #tabs tr, #menu_meteo_det tr,#meteo_histo_content tr,#hist_conso_content tr,#param_hor_mess_global tr,#param_hor_rad_global tr{
	position: relative;
}

/* Added in v2.0.0. */
#user_parameters td,
#pann_tab td, #pann_tab th, #menu_list_det td, #menu_pann_det td , #menu_pann_det th, #list_mess_content td, #list_mess_content tr, #histo_mess_global th, #histo_mess_global td, #menu_list_param td, #param_hor_mess_global td, #param_hor_rad_global td, #tabs th, #tabs td, #menu_meteo_det td, #menu_meteo_det th,#meteo_histo_content th, #meteo_histo_content td, #hist_conso_content th, #hist_conso_content td{
	border-spacing: 0;
	text-align: center;
	padding: 6px 6px;
}




#chx_trans{
	margin-top:20px;
}



#menu_pann_det td , #menu_pann_det th{
	width:90px;
}

#tab_pos{
	width:400px;
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
}

#tab_pos td{
	border:1px solid gray;
}

/* Added in v2.0.0. */
#user_parameters th, #user_parameters .footer_tab,
#pann_tab th, #pann_tab .footer_tab, #menu_list_det .title_menu_list_det, #menu_list_param .title_menu_list_det, #param_hor_mess_global .title_menu_list_det, #param_hor_rad_cont .title_menu_list_det, #menu_pann_det th, #list_sms_content th, #list_sms_content .footer_tab,  #list_mess_content th, #list_mess_content .footer_tab, #disp_mess th, #tab_pos th,#tab_pos .footer_tab, #disp_mess .footer_tab, .entete_foot_img th, #histo_mess_global th, #histo_mess_global .footer_tab, #tabs .footer_tab, #tabs th, #menu_meteo_det th,#meteo_histo_content th, #meteo_histo_content .footer_tab, #hist_conso_content th, #hist_conso_content .footer_tab{
	background: #808bb5; /* Old browsers */
	background: -moz-linear-gradient(top,  #0099ff 0%,#4db8ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099ff), color-stop(100%,#4db8ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0099ff 0%,#4db8ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0099ff 0%,#4db8ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0099ff 0%,#4db8ff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0099ff 0%,#4db8ff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808bb5', endColorstr='#4e5a84',GradientType=0 ); /* IE6-9 */

	font-family: 'FranchiseRegular','Arial Narrow',Arial,sans-serif;
	text-shadow: -0.5px -0.5px white, 0.5px 0.5px #333;
	border-left: none;
	color:#FEFEFE;
	font-size: 15px;
}

#menu_list_det .title_menu_list_det_pann{
	width:300px;
}

#menu_list_param .title_menu_list_det{
	width:200px;
}

#pann_tab th,#menu_pann_det th, #list_mess_content th, #list_sms_content .footer_tab, #histo_mess_global th, #tabs th, #menu_meteo_det th,#meteo_histo_content th, #hist_conso_content th{
	border-left: 1px solid #C7C7C6;
}

#list_mess_content .no_mess, #list_sms_content .no_mess{
	border-left: none;
}

/* Added in v2.0.0. */
#user_parameters td,
#pann_tab td , #menu_list_det  td, #menu_list_param  td, #param_hor_mess_global td, #param_hor_rad_global td, #menu_pann_det td,#list_mess_content  td, #disp_mess td, #list_sms_content  td, #histo_mess_global td, #tabs td, #menu_meteo_det td,#meteo_histo_content td, #hist_conso_content td{
	color: #333333;
	font-weight: bold;
	background: #FFF;
	border-left: 1px solid #696A6A;
	font-size: 13px;
}

#menu_list_det  td, #menu_pann_det td, #disp_mess td,.vignettes_img td, #menu_list_param  td,#param_hor_mess_global td,#param_hor_rad_global td, #menu_meteo_det td,#meteo_histo_content td, #hist_conso_content td{
	border: 1px solid #696A6A;
}

/* Added in v2.0.0. */
#user_parameters .alt td,
#pann_tab .alt td, #menu_list_det  .alt, #menu_pann_det .alt, #list_mess_content .alt td, #list_sms_content  .alt td, #histo_mess_global .alt td, #menu_list_param  .alt, #param_hor_mess_global .alt, #param_hor_rad_cont .alt, #tabs .alt td, #menu_meteo_det .alt,#meteo_histo_content .alt td, #hist_conso_content .alt td {
	background: #DCDCDC;
	color: #333333;
}

 #list_sms_content  .selec td{
	background: red;
}

#list_mess_content  .bttn_gest, #conso_pann_global .bttn_gest,#hist_conso_content .bttn_gest{
	background:#F5FE6F;
}
	
#list_mess_content .alt  .bttn_gest, #conso_pann_global .alt  .bttn_gest,#hist_conso_content .alt .bttn_gest{
	background:#D7D777;
}

.gerer_pann{
	background:url(../images/config.png) top right no-repeat;
	cursor: pointer;
	height:32px;
	width:32px;
}

/* Added in v2.0.0 */

.gerer_pann_deactivated
{
	background:url(../images/config_deactivated.png) top right no-repeat;
	cursor: pointer;
	height:32px;
	width:32px;
}

/* /Added in v2.0.0 */

.details{
	background:url(../images/details.png) top right no-repeat;
	cursor: pointer;
	border: none;
	height:32px;
	width:32px;
}

.visu_releve{
	background:url(../images/pdf.png) top right no-repeat;
	cursor: pointer;
	border: none;
	height:32px;
	width:32px;
}

#pann_tab .pageprec_pann, #list_mess_content .pageprec_pann, #param_mess .pageprec_gest_mess, #param_mess_upgraded .pageprec_gest_mess, #histo_mess_global .pageprec_pann, #tabs .pageprec_pann{
	background:url(../images/precedent.png) top right no-repeat;
	cursor: pointer;
	border: none;
	height:32px;
	width:32px;
}

#pann_tab .pagesuiv_pann, #list_mess_content .pagesuiv_pann, #param_mess .pagesuiv_gest_mess, #param_mess_upgraded .pagesuiv_gest_mess, #histo_mess_global .pagesuiv_pann, #tabs .pagesuiv_pann{
	background:url(../images/suivant.png) top right no-repeat;
	cursor: pointer;
	border: none;
	height:32px;
	width:32px;
}



#list_mess_content .nouv_mess_bttn, #list_mess_content .inser_mess{
	background:url(../images/ajouter.png) top right no-repeat;
	cursor: pointer;
	border: none;
	height:32px;
	width:32px;
}

#list_mess_content .nouv_mess_desact_bttn{
	background:url(../images/ajouter_desact.png) top right no-repeat;
	cursor: pointer;
	border: none;
	height:32px;
	width:32px;
}

#list_mess_content .modif_mess{
	background:url(../images/modifier.png) top right no-repeat;
	cursor: pointer;
	border: none;
	height:32px;
	width:32px;
}

#list_mess_content .supp_mess{
	background:url(../images/supp.png) top right no-repeat;
	cursor: pointer;
	border: none;
	height:32px;
	width:32px;
}

#list_mess_content .visu_mess{
	background:url(../images/visu.png) top right no-repeat;
	cursor: pointer;
	border: none;
	height:32px;
	width:32px;
}

.bttn_retourMenu{
	height:35px;
	width:200px;
	margin-right:20px;
	margin-top:25px;
	float:right;
	cursor: pointer;
	background: #4444ff;
	font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
	color: #D2D2D2;
	font-size: 20px;
	border: 1px solid rgb(28, 108, 122);
	margin-bottom: 100px;
	text-shadow: 1px 1px white, -2px -1px #444;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	   -moz-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	        box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	-webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
	     -o-transition: all 0.5s linear;
	        transition: all 0.5s linear;
}

.bttn_retourMenu:hover{
	background: rgb(74, 179, 198);
}
.bttn_retourMenu:active,
.bttn_retourMenu:focus{
	background: rgb(40, 137, 154);
	position: relative;
	top: 1px;
	border: 1px solid rgb(12, 76, 87);
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
	        box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
}

.bttn_retourMenu .img_bttn_retour{
	height:35px;
	width:32px;
	float:left;
	margin-left:10px;
	margin-top:3px
}

.bttn_retourMenu .txt_bttn_retour{
	float:right;
	margin-top:5px;
	margin-right:15px;
	text-align:center;
}

.bttn_retourMenu .txt_bttn_retour2{
	float:right;
	margin-top:5px;
	margin-right:5px;
	text-align:center;
}

.bttn_retourMenu .txt_bttn_retour3{
	float:right;
	margin-top:5px;
	margin-right:20px;
	text-align:center;
}

.espace-top-bottom{
	margin-top:10px;
	margin-bottom:10px
}



/**************************************/
/* Conteneur page cr�ation/gest mess  */
/**************************************/

#param_mess_1, #param_mess_2, #param_mess_3, #param_mess_4{
	position: absolute;
	float:right;
    width: 600px;
	height:740px;
    padding: 0; 
	left:50%;
	margin-left: -300px;
	background-size: cover;

	background:url(../images/fond_semi_trans.png);
	border:2px solid gray;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* Added in v2.0.0 */
#param_mess_1_upgraded, #param_mess_2_upgraded, #param_mess_3_upgraded, #param_mess_4_upgraded
{
	position: relative;
	margin: auto;
	background-size: cover;
	background:url(../images/fond_semi_trans.png);
	border:2px solid gray;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#param_mess_1_upgraded .ss_titre_param_mess, #param_mess_2_upgraded .ss_titre_param_mess, #param_mess_3_upgraded .ss_titre_param_mess 
{
	font-family: 'FranchiseRegular','Arial Narrow',Arial,sans-serif;
	/* text-shadow: -1px -1px white, 1px 1px #333; */
	font-size:20px;
	color: #000;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}


#param_mess_1_upgraded {
	width:100%;
	margin-top:20px;
	text-align:center;
}

#param_mess_1_upgraded {
	font-family: 'FranchiseRegular','Arial Narrow',Arial,sans-serif;
	text-shadow: -1px -1px white, 1px 1px #bebebe;
	font-size:16px;
	color:#464646;
	text-align: center;
}


/* /Added in v2.0.0 */

#param_mess_1 .ss_titre_param_mess, #param_mess_2 .ss_titre_param_mess, #param_mess_3 .ss_titre_param_mess, .ss_titre_param_mess,#recap_conso, #lab_act_hor{
	font-family: 'FranchiseRegular','Arial Narrow',Arial,sans-serif;
	/* text-shadow: -1px -1px white, 1px 1px #333; */
	font-size:20px;
	color: #000;
	font-weight: bold;
	text-align: center;
}

#param_mess_1  #descr_mess,#param_mess_1  #tps_aff{
	width:100%;
	margin-top:20px;
	text-align:center;
}

#param_mess_1 #descr_mess,#param_mess_1  #tps_aff, /* Removed in v2.0.0 #param_mess_2, */ #conf_radar,#conf_pann_content_1,#conf_pann_content_2, #conf_compte_content_1, #envoi_mult_pann_content1, #envoi_mult_pann_content2,#nouv_biblio,#meteo_actu_content,#meteo_histo_content,#hist_conso_content{
	font-family: 'FranchiseRegular','Arial Narrow',Arial,sans-serif;
	text-shadow: -1px -1px white, 1px 1px #bebebe;
	font-size:16px;
	color:#464646;
	text-align: center;
}

#descr_opt_content,#contact_info_content{
	font-family: 'FranchiseRegular','Arial Narrow',Arial,sans-serif;
	text-shadow: -1px -1px white, 1px 1px #333;
	font-size:20px;
	color:#9E0000;
	text-align: center;
}

.bttn_gest_mess{
	position: absolute;
	bottom: 0;
	right:0;

}

.bttn_gest_mess table{
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	background:url(../images/fond_semi_trans.png);
	width:64px;

}

.bttn_gest_mess td{
	border: none;
	background:none;
}

/* */
.bttn_gest_mess_upgraded
{
	position: relative;
	margin: 10px auto 10px auto;
}

.bttn_gest_mess_upgraded table{
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	background:url(../images/fond_semi_trans.png);
	width:64px;

}

.bttn_gest_mess_upgraded td{
	border: none;
	background:none;
}
/* */

#gest_txt{
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/fond_semi_trans_bleu.png);
	padding-top:10px;
	padding-bottom:10px
}

#gest_txt #tab_generale_txt{
	width:500px;
	margin:auto
}

#gest_txt #tab_generale_txt td{
	padding:1px;
	text-align: center;
}

#gest_txt #zone_simul{
	background:black;
	color:orange;
	width:250px;
	height:200px;
	overflow:none;
	margin-right:auto;
	margin-left:auto;
}

#gest_txt #simul_lignes_txt{
	background:black;
	color:orange;
	width:250px;
	height:200px;
	text-shadow: none;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	overflow:none;
}

.centrer_vert{
	margin:auto;
	vertical-align:middle;
  display:inline-block;
  line-height:1.5; /* on r�tablit le line-height */
}

#param_mess_menu{
	margin-top:780px;
	margin-left:15px;
	margin-right:15px;
}

/* Added in v2.0.0 */
#param_mess_menu_upgraded table
{
	margin: 50px auto 10px auto;	
}
/* /Added in v2.0.0 */

#param_mess_menu table{
	margin-left:auto;
	margin-right:auto;
}

#param_mess_menu td{
	padding:5px
}

/**************************************/
/* Conteneur conf radar               */
/**************************************/

.menu_config,#conf_pann_content_1,#conf_pann_content_2, #conf_compte_content_1, #descr_opt_content,#meteo_actu_content,#meteo_histo_content,#contact_info_content,#contact_tel_content,#contact_mail_content{
	background:url(../images/fond_semi_trans_bleu.png);
	width:600px;
	margin-right:auto;
	margin-left:auto;
	/* border:2px solid gray; */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#descr_opt_content,#meteo_actu_content,#meteo_histo_content,#contact_tel_content,#contact_mail_content{
	padding:10px;
	margin-top:30px;
	margin-bottom:30px;
}

#conf_compte_content_1{
	height:870px;
}

#meteo_histo_content{
	height:350px;
}

#descr_opt_content,#contact_info_content,#contact_tel_content{
	height:160px;
}

#conf_pann_content_1,#conf_pann_content_2,#conf_compte_content_1,#contact_info_content,#contact_tel_content,#contact_mail_content{
	width:550px;
}

#contact_mail_content{
	height:500px;
}

.titre_conf{
	margin-top:5px;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
}

.elmt_config table{
	width : 550px;
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	text-align:center;
	border-collapse:collapse;
	margin-bottom:5px
}

.elmt_config td{
	padding:3px;
}

.elmt_config .title{
	width:250px;
}

.elmt_config .sep{
	height: 0px;

}
.elmt_config .sep:after{
	content: ' ';
	display: block;
	width: 100%;
	height: 2px;
	background: -moz-linear-gradient(left, rgba(153,152,152,0) 0%, rgba(153,152,152,0.8) 20%, rgba(153,152,152,1) 53%, rgba(153,152,152,0.8) 79%, rgba(153,152,152,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,152,152,0)), color-stop(20%,rgba(153,152,152,0.8)), color-stop(53%,rgba(153,152,152,1)), color-stop(79%,rgba(153,152,152,0.8)), color-stop(100%,rgba(153,152,152,0)));
	background: -webkit-linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%);
	background: -o-linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%);
	background: -ms-linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%);
	background: linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%);
}

.spinner_config{
	width:70px;
	text-align:center
}

.grp_txt{
	text-align:center;
	width:200px;
}

.conf_menu{
	margin-top:15px;
	margin-left:100px;
	margin-right:100px;
}

.conf_menu table{
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	margin-bottom:10px;
}

#action_mess table{
	margin-left:auto;
	margin-right:auto;
}

.conf_menu td, #action_mess td{
	padding:10px;
}

/*********************************************/
/* GESTION ENVOI MULT + NOUV MESS BIBLIO     */
/*********************************************/

#envoi_mult_pann_content1,#envoi_mult_pann_content2,#nouv_biblio{
	position: absolute;
	float:right;
    width: 550px;
	height:370px;
    top:90px;
	left:50%;
	margin-left: -275px;
	background-size: cover;

	background:url(../images/fond_semi_trans.png);
	/* border:2px solid gray; */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#envoi_mult_pann_content2 #list_pann_mutli, #nouv_biblio #list_resol_biblio{
	text-align:left;
	height:220px;
	overflow:auto;
	margin-top:10px;
	padding-top:5px;
	border:2px solid gray;
	width:525px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/fond_semi_trans_jaune.png);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#envoi_mult_pann_content2 #list_pann_mutli table{
	margin-top:5px;
	margin-bottom:25px;
	margin-left:20px;
}

#nouv_biblio #list_resol_biblio table{
	margin-top:15px;
	width:490px;
	margin-bottom:auto;
	margin-left:auto;
}

#envoi_mult_pann_content2 #list_pann_mutli .rdbt_pan, #nouv_biblio #list_resol_biblio .rdbt_pan{
	font-size:17px;
	font-weight:bold;
	color:#750000;
}

/**************************/
/* PAGE ALERTES METEO     */
/**************************/

.txt_alerte_meteo{
	display:inline;
	float:right;
	margin-top:5px;
	margin-right:15px;
	text-align:center;
	width:470px
}

.img_alerte_meteo{
	float:left;
	margin-left:20px;
	margin-top:20px;
}

/**************************/
/* PAGE COMPTE            */
/**************************/

.txt_compte{
	display:inline;
	float:right;
	margin-top:5px;
	margin-right:15px;
	text-align:center;
	width:385px;
}

.img_compte{
	float:left;
	margin-left:20px;
	margin-top:10px;
}

#compte_content #nom_ets{
	background-image:url(../images/ets.png);background-position:left;background-repeat:no-repeat;
}

#compte_content #login_conn{
	background-image:url(../images/utilisateur.png);background-position:left;background-repeat:no-repeat;
}

#compte_content #mdp_conn,#form_modif_cpt #ancien_mdp_in,#form_modif_cpt #nouv_mdp_in,#form_modif_cpt #renouv_mdp_in{
	background-image:url(../images/cles.png);background-position:left;background-repeat:no-repeat;
}

#compte_content #nom,#form_modif_cpt #nom_in,#form_modif_cpt #prenom_in,#compte_content #prenom{
	background-image:url(../images/info.png);background-position:left;background-repeat:no-repeat;
}

#compte_content #mail,#form_modif_mail #mail_in,#form_modif_mail #remail_in{
	background-image:url(../images/mail_ico.png);background-position:left;background-repeat:no-repeat;
}

#compte_content #tel,#form_modif_tel #tel_in,#form_modif_tel #retel_in{
	background-image:url(../images/tel_ico.png);background-position:left;background-repeat:no-repeat;
}

/**************************/
/* PAGE CONTACT           */
/**************************/
.txt_contact_tel{
	display:inline;
	float:right;
	margin-top:5px;
	margin-right:15px;
	text-align:center;
	width:380px
}

.img_contact_tel{
	float:left;
	margin-left:20px;
	margin-top:20px;
}

#contact_tel_content,#contact_mail_content{
	font-family: 'FranchiseRegular','Arial Narrow',Arial,sans-serif;
	text-shadow: -1px -1px white, 1px 1px #333;
	font-size:20px;
	color:rgb(102, 102, 102);
	text-align: center;
}

#sujet{
	background-image:url(../images/sujet.png);background-position:left;background-repeat:no-repeat;
}

#message{
	background-image:url(../images/message.png);background-position:left;background-repeat:no-repeat;
}

/*******************************/
/*    UTILISATION DES TABS     */
/*******************************/

#tabs{
	width:600px;height:500px;font-size:12px;margin-left:auto;margin-right:auto;
}

/*******************************/
/*    BOUTON ON/OFF            */
/*******************************/

.onoffswitch {
    position: relative; width: 174px; margin:auto;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 18px;
}

.onoffswitch-innerfr,  .onoffswitch-inneren, .onoffswitch-innerde, .onoffswitch-innerit {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-innerfr:before, .onoffswitch-innerfr:after , .onoffswitch-inneren:before, .onoffswitch-inneren:after , .onoffswitch-innerde:before, .onoffswitch-innerde:after , .onoffswitch-innerit:before, .onoffswitch-innerit:after {
    float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 19px; color: #ACACAC; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch-innerfr:before{
    content: "ACTIVE";
    padding-left: 10px;
    background-color: #32BD00; color: #E1E2E2;
}
.onoffswitch-inneren:before{
    content: "ACTIVE";
    padding-left: 10px;
    background-color: #32BD00; color: #E1E2E2;
}
.onoffswitch-innerde:before{
    content: "AKTIV";
    padding-left: 10px;
    background-color: #32BD00; color: #E1E2E2;
}
.onoffswitch-innerit:before{
    content: "ATTIVO";
    padding-left: 10px;
    background-color: #32BD00; color: #E1E2E2;
}

.onoffswitch-innerfr:after {
    content: "DESACTIVE";
    padding-right: 15px;
    background-color: #FF1414; color: #E1E2E2;
    text-align: right;
}
.onoffswitch-inneren:after {
    content: "DISABLE";
    padding-right: 15px;
    background-color: #FF1414; color: #E1E2E2;
    text-align: right;
}
.onoffswitch-innerde:after {
    content: "DEAKTIVIERT";
    padding-right: 15px;
    background-color: #FF1414; color: #E1E2E2;
    text-align: right;
}
.onoffswitch-innerit:after {
    content: "DISATTIVA";
    padding-right: 15px;
    background-color: #FF1414; color: #E1E2E2;
    text-align: right;
}

.onoffswitch-switch {
    width: 17px; margin: 6.5px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 18px;
    position: absolute; top: 0; bottom: 0; right: 140px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-innerfr {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inneren {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-innerde {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-innerit {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}



/*******************************/
/*    Ligne de connexion       */
/*******************************/

#conn_titleC{  /* Pour la page de gestion*/
	/* background:url(../images/fond_semi_trans.png); */
	background-color: rgba(107, 225, 255, 0.80);
	border-radius: 25px;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : italic;
	color:white;
	font-size:13px;
	height:20px;
}
#conn_titleN{ /* Pour la page de connexion*/
	background:url(../images/fond_semi_trans.png);
	border-radius: 20px;
	padding-left:15px;
	padding-top:2px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-style : italic;
	color:white;
	font-size:13px;
	height:20px;
}

#conn_title a{
	color: #6CC9FE;
}

#logo_accueil{
	margin-top: -120%;
	padding-left:130px;
	height:100px;
}
#logo_accueilV{
	margin-top: -250px;
	padding-left:240px;
	height:80px;
}
/*
--------------------------------------------
Footer
--------------------------------------------
*/

footer{margin-top:5px; background-image: linear-gradient(#0CC2FF, #11A1D2);  border-radius: 25px; }
#sep_footer{
	content: ' ';
	display: block;
	width: 100%;
	height: 5px;
	margin-bottom:5px;
	background: -moz-linear-gradient(left, rgba(153,152,152,0) 0%, rgba(153,152,152,0.8) 20%, rgba(153,152,152,1) 53%, rgba(153,152,152,0.8) 79%, rgba(153,152,152,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,152,152,0)), color-stop(20%,rgba(153,152,152,0.8)), color-stop(53%,rgba(153,152,152,1)), color-stop(79%,rgba(153,152,152,0.8)), color-stop(100%,rgba(153,152,152,0)));
	background: -webkit-linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%);
	background: -o-linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%);
	background: -ms-linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%);
	background: linear-gradient(left, rgba(153,152,152,0) 0%,rgba(153,152,152,0.8) 20%,rgba(153,152,152,1) 53%,rgba(153,152,152,0.8) 79%,rgba(153,152,152,0) 100%); }
footer table{margin-left:auto;margin-right:auto;}
footer table td{padding:5px 10px 10px 100px;font-weight:bold;font-size:11px;text-align:center; color:#ffffff;font-family:'DINPro-Medium', Trebuchet, Helvetica, sans-serif;}